今天開始我們來用 Copilot 與 Cursor 的聯天視窗實作一待辦事項功能,來看看能在單純使用提示的方式,能完成到多少功能實作。
首先,我們分別先請兩位選手建立一個 Angular 專案。在下圖中,左邊角落是 Copilot 選手,右邊則為 Cursor。
由於我明確要求要建立 Angular 專案,因此兩邊都給出使用 Angular CLI 來建立專案,不同之處的是在確定後,Cursor 會直接在 Terminal 執行命令,Copilot 則是插入 Terminal 內。
接著我們希望在這個專案中加入 Angular Material 來實作頁面。此時兩邊除了都給我 ng add
的命令外,也初步說明了要怎麼使用這個套件。
最後,在提交一個版本時,在不想打太多字的想法下,就只使用 commit
來下提示,Cursor 所生成的建議會包含了 git push
命令,之後來看看在要求不做這動作後,會不會在以後的作業可以不含 push 作業。
今天先用兩套工具來建立專案,其中在 Cursor 的使用上,因為我對各 AI 模型還不是很熟悉,所以目前先選用 gpt-4o 來實作。接下來,來要建立待辦事項的功能,看能不能以圖來產生程式碼。